<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div id="content" role="main">
			<!-- Heading __________________________________________-->
			<h1>Portfolio Single</h1>
			
			<!-- Breadcrumbs __________________________________________-->
			<p itemscope itemtype="http://data-vocabulary.org/Breadcrumb" id="breadcrumbs"><a href="/" rel="home" itemprop="url"><span itemprop="title">Home</span></a> <i class="icon-chevron-right"></i> <a href="portfolio.html" itemprop="url"><span itemprop="title">Portfolio</span></a> <i class="icon-chevron-right"></i> Portfolio Single</p>
			<hr />

			<!-- Pagination by posts __________________________________________-->
			<ul class="portfolio-pagination">
				<li><a href="javascript:void(0)" class="prev1"><i class="icon-chevron-left"></i> <span>Previous project</span></a></li>
				<li><a href="javascript:void(0)" class="next1"><i class="icon-chevron-right"></i> <span>Next project</span></a></li>
			</ul>

			<article id="post-2" class="post format-gallery">

				<header class="entry-header">
					<!-- Heading __________________________________________-->
					<p class="center extrabig thin smaller-padding">Our Best Project</p>	
					<p class="center"><a href="portfolio.html" class="thin"><i class="icon-list thin small"></i> &nbsp; View all projects</a></p>		
				</header> <!-- END .entry-header -->

				<!-- Post Featured Image __________________________________________-->
				<div class="post-image p75">
					<div class="cycle">
						<img src="imgs/portfolio/vladstudio_alice_dragon_tree_1024x768_signed.jpg" alt="" />				
						<img src="imgs/portfolio/vladstudio_little_anglerfish_1024x768_signed.jpg" alt="" />		
						<img src="imgs/portfolio/vladstudio_rainbows_1024x768_signed.jpg" alt="" />		
					</div>
					<a href="javascript:void(0)" class="next2"><i class="icon-chevron-right"></i></a>
					<a href="javascript:void(0)" class="prev2"><i class="icon-chevron-left"></i></a>
				</div>

				<div class="entry-content p25">

					<!-- WYSIWYG Content __________________________________________-->
			
					<h2>Overview</h2>

					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam.</p>

					<p>Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo.</p>

					<h3>Things we did</h3>

					<ul class="check">
						<li>HTML/CSS</li>
						<li>Information Architecture</li>
						<li>User Interface Design</li>
						<li>Programming</li>
					</ul>

					<p><a href="#" class="button">Launch website</a></p>

					<!-- END of WYSIWYG content __________________________________________-->

				</div><!-- END .entry-content -->

				<div class="clear"></div>

				<!-- Footer meta info __________________________________________-->
				<footer class="entry-footer">
					<div class="entry-meta">
						<p class="left">Posted in: </p>
						<ul class="tags">
							<li><a href="#" rel="tag">Illustrations</a></li> 
							<li><a href="#" rel="tag">Concept Art</a></li>
						</ul>
					</div>				
				</footer><!-- END .entry-footer -->

			</article>

			<div id="related-posts">
				<h2>Related projects</h2>
				<div class="gallery">
					<div class="gallery-row gallery-clear">
						<dl class="gallery-item col-4">
							<dt class="gallery-icon-link"><a href="portfolio-single.html"><img width="480" height="320" src="imgs/portfolio/vladstudio_raring_ringtail_blue_480x320.jpg" class="attachment-thumbnail" alt="" /></a> 
							<dd class="gallery-caption"><strong>Caption</strong> <span class="small">Illustration</span></dd>
						</dl>
						<dl class="gallery-item col-4">
							<dt class="gallery-icon-link"><a href="portfolio-single.html"><img width="480" height="320" src="imgs/portfolio/vladstudio_jellyfish_480x320.jpg" class="attachment-thumbnail" alt="" /></a> 
							<dd class="gallery-caption"><strong>Caption</strong> <span class="small">Illustration</span></dd>
						</dl>
						<dl class="gallery-item col-4">
							<dt class="gallery-icon-link"><a href="portfolio-single.html"><img width="480" height="320" src="imgs/portfolio/vladstudio_looove_480x320.jpg" class="attachment-thumbnail" alt="" /></a> 
							<dd class="gallery-caption"><strong>Caption</strong> <span class="small">Illustration</span></dd>
						</dl>
						<dl class="gallery-item col-4">
							<dt class="gallery-icon-link"><a href="portfolio-single.html"><img width="480" height="320" src="imgs/portfolio/vladstudio_missing_him_480x320.jpg" class="attachment-thumbnail" alt="" /></a> 
							<dd class="gallery-caption"><strong>Caption</strong> <span class="small">Illustration</span></dd>
						</dl>
					</div>  <!-- END .gallery-row -->
				</div>  <!-- END .gallery -->
			</div>
		</div> <!-- END #content -->